<template>
	<!-- 用户订单列表-底部begin -->
	<div class="footer">
		<div class="footer_flex">
			<div class="add">
				<router-link to="/user/address/add"><span>+&ensp;添加收货地址</span></router-link>
			</div>
		</div>
	</div>
	<!-- 用户订单列表-底部end -->
</template>

<script>
export default {
	name: 'UserAddressListFooter',
};
</script>

<style scoped>
.footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0px -10px 40px rgba(26, 77, 160, 0.16), inset 1px 1px 3px rgba(255, 255, 255, 0.15);
}
.footer > .footer_flex {
	display: flex;
	flex: row-reverse;
	align-items: center;
	padding: 15px 24px 15px 24px;
}
.footer > .footer_flex > .add {
	flex: 1;
	height: 40px;
	box-sizing: border-box;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	background: #ffd719;
	border: 1px solid #ffd719;
}
.footer > .footer_flex > .add a {
	color: #fff;
}
</style>
